html,body{font-size: 14px;}
li{list-style-type: none;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;color:#044617;}
*, *::after, *::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*::after, *::before {
content: '';
}
img{
max-width: 100%;
}
.header-nav{
background: #f2f2f2;
}
.header{
padding: 2rem 0;
overflow: hidden;
}
.header-logo{
height: 63px;
display: flex;
-ms-align-items: center;
align-items: center!important;
padding-top: 25px;
}
.header-tel{
padding-top: .2rem;
}
.header-tel img {
padding-top: 2rem;
}
.header-tel .text{
padding-left: 1rem;
}
.header-tel .text .cn{
font-size: 14px;
}
.header-tel .text .en{font-size: 20px;line-height: 32px;/* font-weight: bold; */color: #086723;font-family: "arial"; font-weight: 600;}
.header-search{
position: relative;
}
.header-search .search-input{
border-radius: 20px;
}
.header-search .search-btn{
position: absolute;
top: 6px;
right: 15px;
width: 19px;
height: 18px;
background: url(../images/search-btn.png) no-repeat;
text-indent: -9999px;
}
/*瀵艰埅*/
.navbar{
padding: 0;
background: #f2f2f2;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
background: #ddd;
color: #044617;
font-size: 14px;
font-weight: bold;
margin: 0;
}
.navbar-light .navbar-nav .nav-link{
padding: 0 1.8rem;
display: block;
line-height: 56px;
}
.navbar-light .nav-item{
position: relative;
}
.navbar-light .sub_nav{
position: absolute;
left: 0;
top: 56px;
width: 600px;
display: none;
background: #FFF;
z-index: 9;
padding: 15px;
}
.navbar-light .nav-item:hover .sub_nav{
display: block;
}
.navbar-light .sub_nav .t{
font-size: 14px;
font-weight: bold;
padding-bottom: 10px;
}
.navbar-light .sub_nav_2{
padding: 0;
}
.navbar-light .sub_nav_2 a{
font-size: 12px;
line-height: 24px;
}
.sub_nav_li{display: none; width: 180px;text-align: center;position:absolute;background: #FFF;top: 56px;padding: 15px;}
.navbar-light .sub_nav .t {
font-size: 14px;
font-weight: bold;
text-align: center;
}
.navbar-light .nav-item:hover .sub_nav_li{
display: block !important;
z-index:999
}
/*棣栭〉浜у搧鍒嗙被*/
.index-product-cate{
padding: 4rem 0;
}
.index-product-cate-title .en{
font-size: 25px;
font-family: "Arial";
}
.index-product-cate-title .cn{
font-size:20px;
}
.index-product-cate-title .cn span{
color: #666;
}
.cate-item{
padding-top: 3rem;
}
.cate-item .item{
position: relative;
top: 0;
transition: top .5s;
}
.cate-item .item:hover{
top: -20px;
}
.cate-item .item img{
border-radius: 100%;
border: 3px solid #ccc;
}
.cate-item .item img:hover{
border: 3px solid #044617;
}
.cate-item .item .text{
padding-top: 1.5rem;
}
.cate-item .item .cn{
font-size: 18px;
line-height:32px;
}
.cate-item .item .en{
font-size: 12px;
color: #666;
}
.sj_phone{display: none;}
/*棣栭〉鍏充簬鎴戜滑*/
.index-about{
padding: 3rem 0 6rem 0;
background:url(../images/index-aboutbg.jpg) no-repeat center;
}
.index-about-title .en{
font-size: 25px;
font-family: "Arial";
}
.index-about-title .cn{
font-size: 20px;
}
.index-about-title .cn span{
color: #666;
}
.index-about-pic{padding:3rem 0;}
.owl-enterprise{
margin: 2rem 0;
position: relative;
padding: 0 4rem;
}
.owl-enterprise .owl-nav{height: 0;}
.owl-enterprise .owl-prev span,.owl-enterprise .owl-next span{
position: absolute;
top: 50%;
margin-top: -30px;
font-size: 60px;
color: #ccc;
line-height: 60px;
}
.owl-enterprise .owl-prev span{
left: 0;
}
.owl-enterprise .owl-next span{
right: 0;
}
.index-about-box{
font-size: 16px;
line-height: 35px;
padding: 0 25px;
}
/*棣栭〉浜у搧*/
.index-product{
padding: 4rem 0;
}
.index-product .owl-item{
/*margin: 0 5px;*/
}
.index-product .owl-product{
padding-top:3rem;
}
.index-product .item{
text-align: center;
display: block;
}
.index-product .item .t{
background: #f2f2f2;
padding: 10px 0;
font-size: 14px;
}
.index-product .item:hover .t{
background: #044617;
color: #FFF;
}
/**********
鍐呴〉****************/
/*鍏充簬*/
.about-box{
padding: 3rem 0;
}
.about-left{
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.about-left .title{
color: #044617;
}
.about-left .title .en{
font-size: 16px;
}
.about-left .title .cn{
font-size: 20px;
font-weight: bold;
}
.about-left .text{
padding-top: 3rem;
font-size: 14px;
line-height: 28px;
}
.about-left .text p{
margin-bottom: 0;
}
.about-qy{
background: url(../images/about-bg.jpg) no-repeat center;
height: 566px;
}
.about-qy .container{
height: 100%;
}
.about-qy .title{
font-size: 24px;
color: #044617;
margin-bottom: 5rem;
}
.about-qy-box{
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.about-qy-itme .item{
position: relative;
color: #FFF;
}
.about-qy-itme .item .text{
position: absolute;
left: 0;
bottom: 10px;
background-color: rgba(0,0,0,.5);
padding: 1rem;
margin: 0 1rem;
}
.about-qy-itme .item .text .t{
font-size: 16px;
padding-bottom: 1rem;
}
.about-title{
font-size: 24px;
color: #044617;
padding-bottom: 3rem;
}
.about-enterprise{
padding: 3rem 0;
}
.about-honor-item{
margin-bottom: 3rem;
}
/*浜у搧*/
.product{
padding: 3rem 0;
}
.left-product li{
margin-bottom: 1rem;
}
.left-product li a{
display: block;
padding: 1rem 0 1rem 3rem;
background: #f2f2f2;
font-size: 14px;
}
.left-product li a:hover{
background: #044617;
color: #FFF;
box-shadow: 0px 4px 5px 0px rgba(114, 114, 114, 0.75);
}
.left-product li a.active{
background: #044617;
color: #FFF;
box-shadow: 0px 4px 5px 0px rgba(114, 114, 114, 0.75);
}
/*浜у搧宸﹁竟鍒嗙被*/
#side-menu,#side-menu li ul{
padding: 0;
}
#side-menu li{list-style-type: none;margin-bottom: 0.5rem; display: inline-block;display: grid;}
#side-menu>li>a{display: block;line-height: 49px;border-bottom:1px solid #f2f2f2;background:1px solid #f2f2f2;
font-size: 18px;padding-left:1rem;margin-bottom: 1rem; color: #333;
font-weight: 900; font-family: "寰蒋闆呴粦";}
.pr_llit{float:left;display: block;margin-left: 15px;/* margin-bottom: 30px; */}
.metismenu .arrow{
line-height: 49px;
font-size: 20px;
}
.pr_llit a{text-align:center;padding-right:30px;border-right: 1px solid #ddd !important;}
.pr_llit a:hover{background:#044617; color:#fff !important;}
#side-menu li.active>a{
border-bottom:1px solid #f2f2f2;
color: #044617;
}
#side-menu li ul li a{
font-family: "寰蒋闆呴粦";
line-height: 42px;
border: 1px solid #ddd;
border-right: none;
font-size: 14px;
display: block;
margin-top: -1px;
padding-left: 30px;
margin-left:0rem;
color: #666;
font-weight: 900;
}
#side-menu li ul li.active>a{
color: #044617;
font-weight: bold;
border-left: 5px solid #044617;
padding-left: 26px;
background:none !important;
}
.metismenu li a > .fa.arrow:before{
content: "\f107";
padding-right:1rem;
}
.metismenu li.active .fa.arrow:before{
content: "\f106";
padding-right:1rem;
}
/*---------------------------------------------------------------------------------------------*/
.product .item{
text-align: center;
}
.product .item .t{
padding: 1rem 0 2rem 0;
}
.product-box{
padding: 3rem 0;
}
.product-box .bread{
font-size: 14px;
padding-bottom: 2rem;
}
.product-box-text{
padding: 1.5rem 0;
}
.product-box-text h1{
color: #044617;
font-size: 20px;
padding-bottom: 1rem;
}
.product-box-text .p{
line-height: 30px;
color: #666;
}
.product-box-info .text{
color: #666;
line-height: 30px;
}
.group_pic{
overflow: hidden;
}
.group_pic li{
list-style-type: none;
float: left;
margin-right: 1rem;
cursor: pointer;
}
.group_pic li img{
max-width: 80px;
}
.group_pic .cloudzoom-gallery-active{
border: 1px solid #044617;
}
.product-box-info{
padding: 2rem 0;
}
.product-box-info .info-title{
font-size: 16px;
padding-bottom: 1rem;
}
.product-mobile{
display: none;
}
/*妗堜緥*/
.appcase{
padding: 3rem 0;
}
.appcase .item{
margin-top: 2rem;
}
.appcase .item .pic{
margin-right: -30px;
}
.appcase .item .text{
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
background: #f2f2f2;
padding: 0 2rem;
}
.appcase .item .text-2{
margin-right: -30px;
}
.appcase .item .text .t{
color: #044617;
font-size: 20px;
font-weight: bold;
}
.appcase .item .text .p{
line-height: 28px;
padding: 2rem 0;
}
.appcase .item .text .more a{
border: 1px solid #a9a9a9;
display: inline-block;
padding: 1rem 3rem;
color: #666;
}
.appcase .item .text .more a:hover{
background: #044617;
border: 1px solid #044617;
color: #FFF;
}
/*鏂伴椈*/
.news{
padding: 3rem 0;
}
.news .item{
margin-bottom: 2rem;
}
.news .item .text{
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.news .item .text .t a{
color: #044617;
font-size: 16px;
font-weight: bold;
}
.news .item .text .d{
color: #a9a9a9;
font-size: 12px;
}
.news .item .text .p{
font-size: 12px;
color: #666;
line-height: 26px;
padding-top: 2rem;
}
/*鑱旂郴*/
.contact{
padding: 3rem 0;
background: #f2f2f2;
}
.contact .title{
font-size: 24px;
font-weight: bold;
padding-bottom: 2rem;
position: relative;
margin-bottom: 2.5rem;
}
.contact .title:after{
background: #044617;
width: 50px;
height: 3px;
position: absolute;
left: 0;
bottom: 0;
}
.contact .contact-box{
background:#044617 url(../images/contact-box.jpg) no-repeat center;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
color: #FFF;
padding: 2rem;
}
.contact .contact-box .text{
margin-bottom: 2rem;
}
.contact .text-item{
line-height: 45px;
}
.contact .text-item p{
font-size: 16px;
margin-bottom: 0;
}
.contact .text-item p span{
font-weight: bold;
padding-right: 2rem;
}
.feedback .form-group input{
padding: 1rem .75rem;
border: none;
}
.feedback .form-group textarea{
border: none;
}
.feedback .feedback-btn{
background: #044617;
color: #fff;
padding: .9rem 3rem;
border-radius: 0;
}
.contact-map{
padding: 3rem 0;
}
/*鍐呴〉澶у浘*/
.bannerd{
height: 300px;
}
.bannerd .container{
height: 100%;
}
.bannerd .title{
color: #FFF;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.bannerd .title .t{
font-size: 26px;
font-weight: bold;
padding-bottom: 1rem;
}
.bannerd .title .p{
font-size: 16px;
}
/*鍐呭椤�*/
.content-box{
padding: 2rem 15px;
}
.content-box h1{
font-size: 24px;
}
.content-box .content-title .p i{
display: inline-block;
padding: 0 1.5rem;
color: #999;
font-size: 12px;
}
.content-box .pic{
padding-top: 1rem;
}
.content-box .content-info{
padding: 1rem 0;
}
.content-page li{
list-style-type:none;
font-size: 12px;
}
.content-page li a{
font-size: 12px;
}
/*鍥剧墖鍒楄〃*/
.pic-list{
padding: 3rem 0;
}
.item-pic .item{
margin-bottom: 1rem;
}
.item-pic .item img{
border: 1px solid #e5e5e5;
}
.item-pic .item .t{
font-size: 14px;
line-height: 36px;
height: 36px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
/*鍒嗛〉*/
.pagination{
margin: .5rem 0 0 0;
}
.pagination li a{
font-size: 12px;
color: #044617;
}
.page-item.active .page-link{
background-color: #044617;
border-color: #044617;
}
/*搴曢儴鐗堟潈*/
.footer{
padding: 3rem 0;
background: #f2f2f2;
}
.footer-nav .footer-nav-title{
padding-bottom: 2rem;
position: relative;
}
.footer-nav .footer-nav-title:after{
position: absolute;
background: #044617;
width: 25px;
height: 2px;
left: 0;
bottom: 0;
}
.footer-nav .footer-nav-title .en{
font-size: 15px;
color: #044617;
}
.footer-nav .footer-nav-title .cn{
font-size: 15px;
}
.footer-nav-a{
padding: 0;
margin-top: 2rem;
}
.footer-nav-a li{
list-style-type: none;
}
.footer-nav-a li a{
font-size: 12px;
line-height: 26px;
}
.copyright{
background: #044617;
color: #FFF;
padding: 1rem 0;
font-size: 12px;
}
.copyright a{
color: #FFF;
}
@media (max-width: 1400px){
}
@media (max-width: 1200px){
.flicker-example{
height: 400px;
}
.appcase .item .text .p{
padding: 1rem 0;
}
.appcase .item .text .more a{
padding: .5rem 2rem;
}
.product-box-text .p{
line-height: 20px;
}
.group_pic li img{
max-width: 50px;
}
}
@media (min-width: 992px){
.navbar-expand-lg .navbar-nav .nav-link{
font-size: 14px;
margin: 0;
}
}
@media (max-width: 992px){
.header-nav{
padding: 1rem 0;
height: 64px;
position: relative;
z-index: 999999;
}
.navbar-light .navbar-toggler{
position: absolute;
right: 0;
top: 0;
z-index: 9;
}
.navbar-collapse{
width: 100%;
position: relative;
margin-top: 3rem;
z-index: 9999999;
padding: 2rem 2rem;
background: #044617;
}
.navbar-light .navbar-nav .nav-link{
padding: 0 2rem;
color: #FFF;
}
.navbar-light .nav-item:hover .sub_nav{
display: none;
}
.header-search .search-input{
width: 100%;
}
.flicker-example{
height: 300px;
}
.about-left .text{
padding-bottom: 2rem;
}
.about-qy{
background: none;
height: auto;
}
.about-qy .title{
margin-bottom: 0;
}
.about-qy-itme .item{
margin-top: 2rem;
}
.about-honor .about-title{
padding-bottom: 1rem;
}
.about-honor-item .item{
margin-top: 2rem;
}
.appcase .item .pic{
margin-right: 0;
}
.appcase .item .text{
padding: 2rem;
}
.appcase .item .text-2{
margin-right: 0;
}
.news .item .text .t{
padding-top: 1rem;
}
.news .item .text .p{
padding-top: 1rem;
}
.contact .title{
padding-bottom: 1rem;
}
.feedback .title{
margin-top: 2rem;
}
.feedback .feedback-btn{
width: 100%;
padding: 1rem .75rem;
}
.jqueryzoom,.group_pic{
display: none;
}
.product-mobile{
display: block;
}
}
@media (max-width: 760px){
.header{padding:1rem 0;}
.header-logo img{margin-bottom: 30px !important;}
.sj_phone{display:block !important;margin-left: -25px;}
.sj_phone ul{text-align:center;}
.sj_phone ul li{
font-size: 22px;line-height: 32px;
color: #086723;font-family: "arial";font-weight: 600;padding-top: 0px;}
.header-tel{
display: none!important;
}
.flicker-example{
height: 150px !important;
}
.bannerd{
height: 200px;
}
}
@media (max-width: 400px){
.product-box-tab .nav-pills .nav-link{
padding: .5rem 1rem;
}
}
.flickerplate{
height:450px;
}